<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="bootstrap/bootstrap-theme.css" />
<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="bootstrap/bootstrap-datetimepicker.min.css" />
<script type="text/javascript" src="bootstrap/jquery.js"></script>
<script type="text/javascript" src="bootstrap/bootstrap.min.js"></script>
<script type="text/javascript"
	src="bootstrap/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript"
	src="bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="js/dataFormat.js"></script>
</head>
<body>
	<!-- style="font-size: 18px; background-color: rgba(154, 199, 188, 0.76);" -->
	<header class="container">
		<div class="row" style="font-size: 18px; ">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#model"
					class="jump" aria-controls="home" role="tab" data-toggle="tab">模型管理</a></li>
				<li role="presentation"><a href="#process" class="jump"
					aria-controls="process" role="tab" data-toggle="tab">流程定义</a></li>
				<li role="presentation"><a href="#task" class="jump"
					aria-controls="task" role="tab" data-toggle="tab">任务管理</a></li>
				<li style="float: right" role="presentation"><a href="#"
					id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">操&nbsp;&nbsp;&nbsp;&nbsp;作
						<b class="caret"></b>
				</a>
					<ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1">
						<li><a href="#jmeter" tabindex="-1" data-toggle="tab">个人信息</a></li>
						<li><a class="jump" href="#logout" tabindex="-1"
							data-toggle="tab">退出登录</a></li>
					</ul></li>
				<li style="float: right" role="presentation"><a href="#task"
					class="jump" aria-controls="messages" role="tab" data-toggle="tab"><span
						id="user"></span></a></li>
			</ul>
		</div>
	</header>
	<div class="tab-content">
		<div role="tabpanel" class="tab-pane active" id="model"></div>
		<div role="tabpanel" class="tab-pane" id="process"></div>
		<div role="tabpanel" class="tab-pane" id="task"></div>
		<div role="tabpanel" class="tab-pane" id="settings"></div>
	</div>
	<footer class="navbar-fixed-bottom" style="text-align: center;">this
		is footer</footer>
</body>
<script type="text/javascript">
	$(function() {
		getSession();
		$("#model").load("/model/model.html");
		$(".jump").click(function() {
			console.log(this.href)
			var str = this.href.split("#")[1];
			switch (str) {
			case 'model':
				$("#model").load("/model/model.html");
				break;
			case 'process':
				$("#process").load("/process/processes.html");
				break;
			case 'task':
				$("#task").load("/task/taskList.html");
				break;
			case 'logout':
				window.location.href = "/login/logout";
				break;
			default:

			}
		})
	})
	function getSession() {
		$.get("/login/getSession", null, function(result) {
			$("#user").html("欢迎你: " + result.userName);
		})
	}
</script>
</html>